<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div class="innova-bar">
            <div class="container">
                <ul class="nav nav-tabs pull-left hidden">
                    <li><a href="#" class="innovaclub">Innovaclub</a></li>
                    <li class="active"><a href="#" class="innovaempleos">Innovaempleos</a></li>
                </ul>
                <ul class="nav nav-tabs pull-right hidden">
                    <li><a href="#about">Ofertas Laborales</a></li>
                    <li><a href="#contact">Publicar Aviso</a></li>
                </ul>
            </div>
        </div>
        
        
        <div class="container">
            <div class="masthead">
                <div class="logo-area">
                    <img src="img/logo.png" alt="Innova Empleos">
                    <div class="dropdown hidden">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NEA <b class="caret"></b></a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                          <li><a tabindex="-1" href="#">NEA</a></li>
                          <li><a tabindex="-1" href="#">NOA</a></li>
                          <li><a tabindex="-1" href="#">Paraguay</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        

        <!-- Registro, parte 1: datos personales -->
        <section class="datos-personales">
            <div class="container">
                <form>
                    <h1>Datos Personales</h1>
                    <div class="row form-row">
                        <div class="span4">
                            <label for="nombre">Nombre <span class="req">*</span></label>
                            <input type="text" name="nombre" id="nombre" class="span4">
                        </div>
                        <div class="span4">
                            <label for="apellido">Apellido <span class="req">*</span></label>
                            <input type="text" name="apellido" id="apellido" class="span4">
                        </div>
                    </div>
                    <div class="row form-row">
                        <div class="span4">
                            <label for="provincia">Lugar de Residencia <span class="req">*</span></label>
                            <select name="provincia" id="provincia" class="span4">
                                <option value="0">Provincia&hellip;</option>
                                <option value="1">Chaco</option>
                                <option value="2">Corrientes</option>
                                <option value="3">Misiones</option>
                                <option value="4">Formosa</option>
                            </select>
                        </div>
                        <div class="span4">
                            <label for="ciudad" class="unshown">Ciudad <span class="req">*</span></label>
                            <select name="ciudad" id="ciudad" class="span4" placeholder="Ciudad" disabled>
                                <option value="0">Ciudad&hellip;</option>
                            </select>
                        </div>
                    </div>
                    <div class="row form-row">
                        <div class="span4">
                            <label>Fecha de Nacimiento <span class="req">*</span></label>
                            <select class="input-mini">
                                <option value="01">01</option>
                                <option value="02">02</option>
                            </select>
                            <select class="input-mini">
                                <option value="1">ENE</option>
                                <option value="2">FEB</option>
                            </select>
                            <select class="input-small">
                                <option value="1940">1940</option>
                                <option value="2014">2014</option>
                            </select>
                        </div>
                        <div class="span4">
                            <label>Sexo <span class="req">*</span></label>
                            <label for="masculino" class="inline">
                                <input type="radio" id="masculino" name="masculino" />
                                Masculino
                            </label>
                            <label for="femenino" class="inline">
                                <input type="radio" id="femenino" name="femenino" />
                                Femenino
                            </label>
                        </div>
                    </div>
                    <div class="row form-row">
                        <div class="span8">
                            <label for="carga-cv">Cargar mi currículum <span class="req">*</span></label>
                            <input type="file" id="carga-cv">
                        </div>
                    </div>
                    <hr />
                    <div class="row form-row">
                        <div class="span8">
                            <label for="captcha">Rellená el código para ayudarnos a evitar el spam <span class="req">*</span></label>
                            <input id="captcha" type="text">
                        </div>
                    </div>
                    <input type="submit" class="btn btn-primary btn-large" value="Registrarme" />
                </form>
            </div>
        </section>

        <!-- Registro, parte 2: Incrementa tus oportunidades -->
        <section class="incrementa-oportunidades">
            <div class="container">
                <div class="alert alert-success">
                    <i class="icon-ok"></i>
                    <h2>Felicitaciones!</h2>
                    <p>Tu currículum ha sido enviado</p>
                </div>

                <h1>Incrementa tus oportunidades</h1>
                <p>Entre más datos ingreses, mayor tu oportunidad de ser considerado para el puesto:</p>
                <form action="">
                    <div class="row form-row">
                        <div class="span4">
                            <label for="experiencia">Experiencia profesional actual</label>
                            <select name="experiencia" id="experiencia" class="span4">
                                <option value="1">Sin Experiencia</option>
                            </select>
                        </div>
                        <div class="span4">
                            <label for="formacion">Nivel máximo de formación alcanzado</label>
                            <select name="formacion" id="formacion" class="span4">
                                <option value="1">Secundaria incompleta</option>
                                <option value="2">Secundaria completa</option>
                            </select>
                        </div>
                    </div>
                    <div class="row form-row">
                        <div class="span4">
                            <label for="telefono">Teléfono</label>
                            <input type="text" id="telefono" class="span4">
                        </div>
                        <div class="span4">
                            <label for="celular">Celular</label>
                            <input type="text" id="celular" class="span4">
                        </div>
                    </div>
                    <input type="submit" class="btn btn-primary btn-large" value="Guardar">
                    <a href="#" class="btn btn-large">Hacerlo Después</a>
                </form>
            </div>
        </section>


        <!-- Pie de página -->
        <footer>
            <div class="container">
                <div class="row">

                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Ayuda Postulantes</a></li>
                            <li><a href="#">Ayuda Empresas</a></li>
                            <li><a href="#">Contacto Comercial</a></li>
                        </ul>
                    </div>
                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Quiénes Somos</a></li>
                            <li><a href="#">Términos y Condiciones</a></li>
                            <li><a href="#">Políticas de Privacidad</a></li>
                        </ul>
                    </div>

                    <div class="span3 offset3">
                        Seguinos:
                        <a href="#" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                        <a href="#" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                        <a href="#" class="icon-stack social linkedin"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-linkedin"></i></a>

                        <div class="innova-banner">
                            <span>Querés capacitarte? Visitá:</span>
                            <a href="#"><img src="img/logo-iclub.png" alt="Visita Innova Club" /></a>
                        </div>
                    </div>
                </div>
                <div class="copy">&copy; Innova Empleos 2014. Todos los derechos reservados.</div>
            </div>
        </footer>


        <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/vendor/holder.js"></script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script>
            // var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            // (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            // g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            // s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
